.page-container {
    display: flex;
    margin: 30px 40px;

    .l-box {
        flex: 1;
        margin-bottom: 20px;
        min-width: 1045px;
        overflow: hidden;

        .page-row-wrap {
            display: flex;
            align-items: flex-start;
            column-gap: 20px;

            div {
                width: 50%;
                overflow: hidden;
            }
        }


    }

    .r-box {
        flex: 1;
        margin-left: 20px;
    }
}

@media (max-width: 1779px) {
    .page-container {
        flex-direction: column;
    }

    .r-box {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1780px) {
    .r-box {
        width: 22.4vw;
        min-width: 435px;
        max-width: 500px;
    }
}